<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header_css::header('课题')"></head>
<body>
	<div id="dpLTE" class="container-fluid" v-cloak>
		<table class="form" id="form">
        <tr>
            <td class="formTitle">课题标题<font face="宋体">*</font></td>
            <td class="formValue"  colspan="3">
                <input type="text" class="form-control" placeholder="课题标题" v-model.trim="srbliveClassroom.title"
                       isvalid="yes" checkexpession="LenStr" length="45">
            </td>
        </tr>
        <tr>
            <td class="formTitle">副标题<font face="宋体">*</font></td>
            <td class="formValue"  colspan="3">
                <input type="text" class="form-control" placeholder="副标题" v-model.trim="srbliveClassroom.subtitle"
                       isvalid="yes" checkexpession="LenStr" length="100">
            </td>
        </tr>
        <tr>
            <td class="formTitle">直播间类型<font face="宋体">*</font></td>
            <td class="formValue" colspan="3">
                <div class="form-group form-group-sm margin-bottom-5px">
                    <div class="col-xs-3">
                        <select class="form-control" v-model.trim="srbliveClassroom.liveparenttype">
                            <option v-for="option in liveparenttypes" :value="option.typeid">
                                {{ option.name }}
                            </option>
                        </select>
                    </div>
                    <div class="col-xs-3">
                        <select class="form-control" v-model.trim="srbliveClassroom.livetype">
                            <option v-for="option in livetypes" :value="option.typeid">
                                {{ option.name }}
                            </option>
                        </select>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="formTitle">开始时间<font face="宋体">*</font></td>
            <td class="formValue">
                <div class="form-control" style="padding-left: 0px;">
                    <div id="srbliveClassroom-begintime" class="input-group date form_datetime"
                         data-link-field="dtp_input1">
                        <input  class="form-control" size="5" isvalid="yes"
                                checkexpession="NotNull"
                                type="text" placeholder="课题开始时间" v-model.trim="srbliveClassroom.begintime">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                    </div>
                    <input type="hidden" id="dtp_input1" /><br/>
                </div>
            </td>
            <td class="formTitle">课题类型<font face="宋体">*</font></td>
            <td class="formValue">
                <label class="radio-inline" v-for="arr in conts.classRoom.type ">
                    <input type="radio" name="type"
                           :value="arr.value" v-model.trim="srbliveClassroom.type">{{arr.name}}
                </label>
            </td>
            <!--<td class="formTitle">课程拥有者ID<font face="宋体">*</font></td>-->
            <!--<td class="formValue">-->
                <!--<input type="text" class="form-control" placeholder="课程拥有者ID" v-model.trim="srbliveClassroom.openid" isvalid="yes" checkexpession="NotNull">-->
            <!--</td>-->
        </tr>
        <!--<tr>-->
            <!--<td class="formTitle">封面图片<font face="宋体">*</font></td>-->
            <!--<td class="formValue" colspan="3">-->
                <!--<input type="text" class="form-control" placeholder="封面图片" v-model.trim="srbliveClassroom.imageurl" isvalid="yes" checkexpession="NotNull">-->
            <!--</td>-->
        <!--</tr>-->
        <tr>
            <td class="formTitle">封面图片</td>
            <td class="formValue" colspan="3">
                <!-- 1，隐藏域，作为真实值上传至服务器 -->
                <template v-if="isNotNull(srbliveClassroom.imageurl)">
                    <img class="thumbnail" alt="封面" :src='srbliveClassroom.imageurl' style="height: 148.5px;width:138.5px;"/>
                </template>
                <a id="imageurl" class="btn btn-primary"><i class="fa fa-cloud-upload"></i>&nbsp;上传封面</a>
                <!--<div id="imageurl" class="filePicker">选择头像</div><div class="filePicker" v-if="srbliveClassroom.imageurl!=null">删除</div>-->
            </td>
        </tr>
        <tr>
            <td class="formTitle">付费设置<font face="宋体">*</font></td>
            <td class="formValue">
                <!--课题费用类型，0为免费，1为付费，2为加密-->
                <!--<label class="radio-inline" v-for="arr in conts.classRoom.moneyType ">-->
                <!--<input type="radio" name="moneytype"-->
                <!--:value="arr.value" v-model.trim="srbliveClassroom.moneytype">{{arr.name}}-->
                <!--</label>-->
                <select class="form-control" v-model.trim="srbliveClassroom.moneytype">
                    <option  v-for="item in conts.classRoom.moneyType" :value="item.value">
                        {{item.name}}</option>
                </select>
            </td>
            <template v-if="srbliveClassroom.moneytype=='1'">
                <td class="formTitle">付费课费用<font face="宋体">*</font></td>
                <td class="formValue">
                    <input type="text" class="form-control" placeholder="付费课费用(最少0.01元)"
                           v-model.trim="srbliveClassroom.price" isvalid="yes" errormsg="最少0.01元" min="0.01"
                           length="11"
                                   checkexpession="DoubleWithRange" onblur="value = value.replace(/\.0*$/,'')"
                    >
                </td>
            </template>
            <template v-else-if="srbliveClassroom.moneytype=='2'">
                <td class="formTitle">加密课密码<font face="宋体">*</font></td>
                <td class="formValue">
                    <input type="text" class="form-control" placeholder="加密课密码" v-model.trim="srbliveClassroom.password" isvalid="yes" checkexpession="NotNull">
                </td>
            </template>
            <template v-else>
            </template>
        </tr>
        <tr>
            <td class="formTitle">是否开启评论<font face="宋体">*</font></td>
            <td class="formValue">
                <label class="radio-inline">
                    <input type="radio" name="hascomment" value="0" v-model.trim="srbliveClassroom.hascomment"/> 否
                </label>
                <label class="radio-inline">
                    <input type="radio" name="hascomment" value="1" v-model.trim="srbliveClassroom.hascomment"/> 是
                </label>
            </td>
            <td class="formTitle">是否支持打赏<font face="宋体">*</font></td>
            <td class="formValue">
                <label class="radio-inline">
                    <input type="radio" name="hastip" value="0" v-model.trim="srbliveClassroom.hastip"/> 否
                </label>
                <label class="radio-inline">
                    <input type="radio" name="hastip" value="1" v-model.trim="srbliveClassroom.hastip"/> 是
                </label>
            </td>
        </tr>
        <tr>
            <td class="formTitle">课题内容<font face="宋体">*</font></td>
            <td class="" colspan="3">
                <textarea id="srbliveClassroom-content" style="width:100%;height:300px;padding-top:10px;"></textarea>
            </td>
            <!--<td class="formTitle">课题ID<font face="宋体">*</font></td>-->
            <!--<td class="formValue">-->
                <!--<input type="text" class="form-control" placeholder="课题ID" v-model.trim="srbliveClassroom.classroomid" isvalid="yes" checkexpession="NotNull">-->
            <!--</td>-->
        </tr>
    <!--<tr>-->
        <!--<td class="formTitle">是否处理活跃状态，可下架<font face="宋体">*</font></td>-->
        <!--<td class="formValue">-->
            <!--<input type="text" class="form-control" placeholder="是否处理活跃状态，可下架" v-model.trim="srbliveClassroom.active" isvalid="yes" checkexpession="NotNull">-->
        <!--</td>-->
        <!--<td class="formTitle">打赏金币列表<font face="宋体">*</font></td>-->
        <!--<td class="formValue">-->
            <!--<input type="text" class="form-control" placeholder="打赏金币列表" v-model.trim="srbliveClassroom.goldlist" isvalid="yes" checkexpession="NotNull">-->
        <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
        <!--<td class="formTitle">课程状态: 1为正常,0为课程结束<font face="宋体">*</font></td>-->
        <!--<td class="formValue">-->
            <!--<input type="text" class="form-control" placeholder="课程状态: 1为正常,0为课程结束" v-model.trim="srbliveClassroom.status" isvalid="yes" checkexpession="NotNull">-->
        <!--</td>-->
        <!--<td class="formTitle">嘉宾ID串<font face="宋体">*</font></td>-->
        <!--<td class="formValue">-->
            <!--<input type="text" class="form-control" placeholder="嘉宾ID串" v-model.trim="srbliveClassroom.guest" isvalid="yes" checkexpession="NotNull">-->
        <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
        <!--<td class="formTitle">PPT存放路径<font face="宋体">*</font></td>-->
        <!--<td class="formValue" colspan="3">-->
            <!--<input type="text" class="form-control" placeholder="PPT存放路径" v-model.trim="srbliveClassroom.pptpath" isvalid="yes" checkexpession="NotNull">-->
        <!--</td>-->
    <!--</tr>-->
    </table>
	</div>
	<div th:include="include/footer_js::footer"></div>
	<script th:src="@{/js/srblive_html/classroom/add.js}"></script>
</body>
</html>